/* CSS Document */
body,td,th {font-family:"微软雅黑";font-size: 12px;color:#474747;line-height:1.8em;}
body {margin:0;padding:0;background:url(../images/bg.jpg) repeat-x 0 0;}
form{margin:0;padding:0;}
a{ color:#474747;text-decoration:none;}
a:hover{color:#0000FF;}
li,ul,dl{ list-style:none; margin:0; padding:0;}
img {border:none;vertical-align: middle;}
input {vertical-align:middle}
h1,h2,h3 {margin:0; padding:0;}
.clear {clear:both;}

#wrap {
width:980px;
margin:0 auto;
}
#top {
height:88px;
background:url(../images/bg_top.gif) repeat-x 0 0;
overflow:hidden;
}
#logo {
float:left;
padding:10px 0 0 20px;
}
#top .rightside {
float:right;
border-top:2px solid #333333;
width:260px;
}
#top .quicklink {
padding:15px 0 5px 0;
text-align:center;
}
#top .quicklink a {
padding:0 15px;
}
#banner {
background:#999999;
}
#bottom {
height:45px;
border:1px solid #fff;
background:url(../images/bg_btm.gif) repeat-x 0 0;
}
#bottom .link {
float:left;
padding:10px 0 0 10px;
}
#bottom .copy {
float:right;
padding:10px 10px 0 0;
}

#main {
padding:18px 5px;
background:url(../images/bg_main.gif) repeat-x 0 0;
}
#main .i_left {
float:left;
width:465px;
}
#main .i_right {
float:right;
width:490px;
}
#main .leftside {
width:198px;
float:left;
}
#main .rightside {
width:750px;
float:right;
}
.title {
height:32px;
line-height:32px;
}
.title h1 {
font-size:14px;
float:left;
}
.i_about .title {
height:26px;
line-height:26px;
background:url(../images/bg_about.gif) repeat-x 0 0;
margin-bottom:10px;
}
.i_about .title .more {
float:right;
padding:5px 15px 0 0;
}
.i_about .img {
float:left;
border:1px solid #d1d1d1;
padding:3px;
margin-right:8px;
}
.i_about p {
padding:0;
margin:0;
}
.leftnav {
border:1px solid #DDDDDD;
background:url(../images/bg_nav.gif) repeat-x 0 0;
padding:15px 0;
margin-bottom:15px;
}
.leftnav ul {
width:165px;
margin:0 auto;
}
.leftnav li a {
display:block;
background:url(../images/bg_leftnav0.gif) no-repeat 0 0;
height:29px;
line-height:29px;
padding:0 0 0 44px;
color:#fff;
}
.leftnav li a:hover {
background:url(../images/bg_leftnav1.gif) no-repeat 0 0;
color:#fff;
}
.leftnav li .now {
background:url(../images/bg_leftnav.gif) no-repeat 0 0;
color:#fff;
}


.i_contact {
padding:8px 0 0 10px;
}
.i_ptitle {
float:left;
background:url(../images/bg_new.gif) no-repeat 0 0;
width:29px;
height:156px;
}
.i_products {
height:100px;
}
.demo {
OVERFLOW: hidden; WIDTH: 440px; HEIGHT:90px; 
}
.i_products img {
padding:0 5px;
}
.left_search input {
background:#f0f0f0;
}

.content {
border:1px solid #D1D1D1;
padding:10px 15px;
height:auto!important;
min-height:350px;
height:350px;
background:url(../images/bg_nav.gif) repeat-x 0 0;
font-size:13px;
}
.intro {
padding:10px 15px;
height:auto!important;
height:260px;
min-height:260px;
}
.news_list .tit {
height:41px;
line-height:41px;
padding:0 26px;
background:url(../images/news_bg.gif) repeat-x 0 0;
}
.news_list li {
background:url(../images/icon_d.gif) repeat-x 0 bottom;
height:31px;
line-height:31px;
font-size:13px;
}
.news_list li a {
background:url(../images/icon_j.gif) no-repeat 5px center;
padding:0 0 0 25px;
}
.news_list li .time {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
padding:0 10px 0 0;
float:right;
}

.products_list{ padding:15px; }
.products_list li{ float:left; height:210px; }
.products_list li span{padding:2px; margin:0 5px; display:block; text-align:center}
.products_list li p{border:1px solid #d1d1d1;;display:block; padding:5px; margin:0 18px; width:166px; height:166px; text-align:center; overflow:hidden}

.product .name {
background:url(../images/news_bg.gif) repeat-x 0 0;
font-weight:bold;
margin:15px 0;
padding:0 20px;
height:41px;
line-height:41px;
}
.product .detail .bigpic {
text-align:center;
margin-bottom:10px;
}
.product .detail .bigpic img {
padding:3px;
border:1px solid #d8d8d8;
}
.product .detail .des {
width:100%;
}
.product .detail .des h1 {
background:#e7e7e7;
height:30px;
line-height:30px;
padding:0 15px;
font-size:13px;
}
.product .detail .des .text {
padding:5px 5px 15px 32px;
}
.product .detail .des .down {
padding:10px;
}

.news_detail {
padding:15px;
}
.news_detail h1 {
font-size:14px;
color:#333;
text-align:center;
height:33px;
line-height:33px;
}
.news_detail .time {
text-align:center;
color:#999;
border-bottom:1px dashed #c1c1c1;
}
.page {
clear:both;
padding:5px 20px;
text-align:right;
margin-bottom:20px;
}
.page a {
text-decoration:none;
padding:0 5px;
}

.job {
padding:15px;
}
.job h1 {
height:33px;
line-height:33px;
background:url(../images/bg03.jpg) repeat-x 0 0;
font-size:13px;
padding:0 20px;
border:1px solid #c1c1c1;
}
.job .candidates {
float:right;
color:#CC0000
}
.job .candidates a {
color:#CC0000
}

.hl_imgI {
padding:10px 0;
}
.hl_imgI .pic {
float:left;
margin:4px auto;
overflow:hidden;
text-align:center;
width:209px;
}
.hl_imgI .pic img {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
display:block;
margin:4px auto;
padding:1px;
}
.hl_imgI span {
display:block;
text-align:center;
}

#nav .version {
float:right;
width:192px;
}
#nav .version a {
float:left;
text-align:center;
width:96px;
color:#fff;
}

#nav{line-height: 35px; background:url(../images/bg_menu.gif) repeat-x 0 0; height:35px;}
#nav .menu {float:left;} 
#nav .search {float:right; width:220px;}
#nav .search input {width:155px; background:#dddddd url(../images/icon_2.gif) no-repeat 7px center; padding-left:22px; border:none}


.p_nav dl {
border-bottom:1px solid #eaeaea;
line-height:25px;
padding:5px 0 0 10px;
}
.p_nav dl li {
height:25px;
line-height:25px;
list-style:none;
}
.p_nav dl li a {
text-decoration:none;
background:url(../images/class3.gif) no-repeat 0 2px;
font-size:13px;
color:#3c4c5c;
}
.p_nav dl li a:hover {
color:#0000FF;
background:url(../images/class3.gif) no-repeat 0 2px;
}


.part {
padding:10px;
}
.part li {
float:left;
height:65px;
overflow:hidden;
width:160px;
}
.more1 {
text-align:right;
}
.i_order {
border:1px solid #d1d1d1;
padding:1px;
}
.path {
float:right;
padding:5px 0 0 25px;
background:url(../images/icon_home.gif) no-repeat 0 10px;
}
.tit_input {
background:url(../images/news_bg.gif) repeat-x 0 0;
height:41px;
line-height:41px;
text-align:center;
font-weight:bold;
}

#pnav {   
background:url(../images/bg_nav.gif) repeat-x scroll 0 0 transparent;
border:1px solid #DDDDDD;
margin-bottom:15px;
padding:15px 0;  
}
#pnav ul {
margin:0 auto;
width:165px;
}
#pnav a {
width:135px;  
display: block;   
padding:0 0 0 30px;   
}
#pnav li { 
float:left;
} 
#pnav li a {
background:url(../images/bg_leftnav0.gif) no-repeat scroll 0 0;  
height:29px;
line-height:29px;
}
#pnav li a:hover{
} 
#pnav a:link,#pnav a:visited  {   
color:#fff;   
text-decoration:none;   
} 
#pnav a:hover  {  
background:url(../images/bg_leftnav1.gif) no-repeat scroll 0 0;  
} 
#pnav li ul {   
list-style:none;   
text-align:left;
padding:0;
margin:0;
width:auto;  
} 
#pnav li ul li{ 
}
#pnav li ul a{   
padding-left:30px;
background:url(../images/class3.gif) no-repeat scroll 3px center;
width:130px;
}
#pnav li ul a:link  {   
color:#666;   
text-decoration:none;   
}   
#pnav li ul a:visited  {   
color:#666;   
text-decoration:none;   
}   
#pnav li ul a:hover {   
color:#cc0000;   
text-decoration:none;   
font-weight:normal;
background:url(../images/class3.gif) no-repeat scroll 3px center;
}  
#pnav li:hover ul {   
left: auto;   
}   
#pnav li.sfhover ul {   
left: auto;   
}
#pnav ul.collapsed {   
 display: none;   
}
#pnav li ul ul li a{   
padding-left:50px;
background:url(../images/class3.gif) no-repeat scroll 23px center;
width:110px;
}
#pnav li ul ul a:hover {
background:url(../images/class3.gif) no-repeat scroll 23px center;
}
#pnav .none li a {
padding-left:30px;
background:url(../images/class3.gif) no-repeat scroll 3px center;
width:130px;
color:#666;
}
#pnav .none li a:hover {
background:none;
}

ul#hovershow{
	list-style-type: none;
	margin: 20px;
	position:relative;
	float: left;
	display: inline;
	clear: both;
	width: 660px;
}
ul#hovershow li{
	float: left;
	display: inline;
	width: 180px;
	height: 210px;
	padding-left:25px;
}
ul#hovershow li a {
	display: block; 
	width: 170px;
	height: 170px;
}
ul#hovershow li span {
display:block;
height:22px;
width:180px;
text-align:center;
}
ul#hovershow li a img{
	border: 1px #d1d1d1 solid;    
	width: 166px;
	height: 166px;
}